<template>
  <by-button :style="{ bottom }" width="auto" height="auto" class="append-table" background="transparent"  @aadShortcut="appendTable">
    <image src="/static/unlock/append-table.png" class="append-table-img block" mode="widthFix" @click="appendTable" />
  </by-button>
</template>

<script setup lang="ts">

interface IProps{
  bottom: string
}

withDefaults(defineProps<IProps>(), {
  bottom: '700rpx'
})

import type { AnyObject } from '@/common/types'

function appendTable(e: AnyObject) {
  console.log(e)
}
</script>

<style scoped lang="scss">
.append-table{
  @include position(fixed, $right: 0, $z-index: 10);

  .append-table-img{
    width: 180rpx;
    height: 150rpx;
  }

}
</style>
